<!doctype html>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="css/common.css"/>
    <link rel="stylesheet" href="css/pace-theme-barber-shop.tmpl.css"/>
</head>
<body class="" id="homebody" data-index="0">

<header id="home-header" class="navbar-fixed-top" style="display: block; height: 70px; ">
    <div class="wrap page-tagline page-tagline container">
        <nav class="home-nav page-tagline-text" id="home-nav">
            <a class="current" data-id="u-index" href="javascript:;"><span>首   页</span></a>
            <a data-id="u-intro" href="javascript:;"><span>产品中心</span></a>
            <a data-id="u-service" href="javascript:;"><span>解决方案</span></a>
            <a data-id="u-platform" href="javascript:;"><span>客户案例</span></a>
            <a data-id="u-research" href="javascript:;"><span>关于我们</span></a>
            <a data-id="u-resolve" href="javascript:;"><span>联系我们</span></a>
        </nav>
    </div>
</header>

<div id="index-content">

    <div class="home-main container-fluid" id="home-main">
       <!-- <div id="lazyline"></div>
        <div id="ll-vertical-grid"></div>
        <div id="ll-horizontal-grid"></div>-->

        <div id="u-index" class="u-index u-block container">
            <div class="">
                <div class="posr">
                    <div class="mi-sq" id="mi-sq"></div>
                    <div class="mi-text" id="mi-text"></div>
                    <div class="bubbles" id="bubbles"></div>
                </div>
            </div>
        </div>
        <div id="u-intro" class="u-intro u-block container">
            <div class="posr">
                <div class="ms-logo"></div>
                <div class="ms-text"></div>
                <div class="ms-text-dsp">
                </div>
                <a class="btn" href="products.html" target="_blank" style="top:300px;left: 600px;">进入产品中心</a>
            </div>
        </div>
        <div id="u-service" class="u-service u-block container">
            <div class="posr">
                <div class="mp-cloud" id="mp-cloud"></div>
                <div class="mp-logo" id="mp-logo"></div>
                <a class="btn" href="solution.html" target="_blank" style="top:380px;left: 50px;">了解详细特性</a>
            </div>
        </div>
        <div id="u-platform" class="u-platform u-block container">
            <div class="posr">
                <div class="mind" id="mind"></div>
                <div class="fire" id="fire"></div>
                <!-- <div class="mres-logo" id="mres-logo"></div> -->
                <div class="mres-glass" id="mres-glass"></div>
                <div class="mres-gar" id="mres-gar"></div>
                <div class="mres-link1"><a href="#"></a></div>
                <div class="mres-link2"><a href="#"></a></div>
                <div class="mres-link3"><a href="#"></a></div>
                <a class="btn" href="case.html" target="_blank" style="top:280px;left: 650px;">进入案例中心</a>
            </div>

        </div>
        <div id="u-research" class="u-research u-block container">
            <div class="posr">
                <a class="btn" href="about.html" target="_blank" style="top:380px;left: 50px;">关于我们</a>
            </div>
        </div>
        <div id="u-resolve" class="u-resolve u-block container">
            <div id="content">

                <div class="content-loaded">
                    <div class="content-border-top"></div>
                    <div class="content-bg">
                        <div class="content-clouds-top">
                            <div class="container contact">
                                <div class="contact-left">
                                    <form method="post" action="" id="contact-form">
                                        <div class="input">
                                            <input type="text" name="name" value="您的电话*">
                                        </div>
                                        <div class="input">
                                            <input type="text" name="email" value="你的邮件*">
                                        </div>
                                        <div class="input">
                                            <input type="text" name="object" value="主题">
                                        </div>
                                        <div class="textarea">
                                            <textarea name="message">消息内容...*</textarea>
                                        </div>
                                        <p class="mini">* 填写手机号以更好地为您服务</p>
                                        <div class="buttons-send">
                                            <a class="btn" href="#" target="_blank" style="left: 210px;">发 送</a>
                                        </div>
                                        <div class="clear"></div>
                                    </form>
                                </div>
                                <div class="contact-right">
                                    <p class="address">
                                        Emilie Crassard<br>
                                        29, rue d'Alembert<br>
                                        38000 Grenoble
                                    </p>
                                    <ul class="contact-data">
                                        <li class="email">emilie(at)crssrd.com</li>
                                        <li class="phone">+336 15 04 39 31</li>
                                    </ul>
                                    <p class="mini">n° siret : 51242462300019</p>
                                    <div class="separator-normal"></div>
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                    </div>
                </div></div>
        </div>

    </div>

</div>

<footer id="home-footer" class="home-footer container " style="background:url(images/main-bg.png) repeat;">
    <div style="background: url(http://www.wpcrown.com/html/creatif/images/background/bottom_shadow.png) repeat-x top left;">
        <div class="share">
            <a class="s-weibo" target="_blank" href="javascript:"></a>
            <a class="s-restart" href="javascript:;"></a>
            <a data-img-url="http://cdn.adt100.com/apps/official/6553/images/weixin-box.png" href="javascript:;" class="s-weixin"></a>
        </div>
        <div class="footer-text">
            XX有限公司 Copyright © 2005-2013 XX Corporation All Right Reserved 川ICP备13215509号-1
        </div>
    </div>
</footer>

    <script src="http://libs.baidu.com/jquery/1.10.1/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.parallax-1.1.3.js"></script>
    <script type="text/javascript" src="js/jquery.localScroll.min.js"></script>
    <script type="text/javascript" src="js/jquery.scrollTo.min.js"></script>
    <script src="js/jquery.lazylinepainter-1.4.1.min.js"></script>
    <script src="js/pace.min.js"></script>
    <script src="js/raphael-min.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
</body>
</html>


